<div class="header header-light dark-text">
    <div class="container">
        <nav id="navigation" class="navigation navigation-landscape">
            <div class="nav-header">
                <a class="nav-brand" href="index.html">
                    <img src="assets/img/logo.png" class="logo" alt=""/>
                </a>
                <div class="nav-toggle"></div>
            </div>
            <div class="nav-menus-wrapper" style="transition-property: none;">
                <ul class="nav-menu">

                    <li><a href="index.html" style="font-size: 15px;">首页</a></li>
                    <li><a href="house_list.html?rent_type=whole" style="font-size: 15px;">整租</a></li>
                    <li><a href="house_list.html?rent_type=share" style="font-size: 15px;">合租</a></li>
                    <li><a href="helpRent.html" style="font-size: 15px;">求租</a></li>
                    <li><a href="news.html" style="font-size: 15px;">公告资讯</a></li>

                    </li>
                </ul>
                <ul class="nav-menu nav-menu-social align-to-right dhsbrd" v-show="login_register_btn_show">

                            <li>
                                <a href="#" data-toggle="modal" id="gotoLogin" data-target="#login" class="text-blue">
                                    <i class="fas fa-user-circle mr-1"></i><span class="dn-lg">登录</span>
                                </a>
                            </li>
                            <li class="add-listing dark-bg">
                                <a href="#" data-toggle="modal" data-target="#signup" class="theme-cl">
                                    <i class="fas fa-arrow-alt-circle-right mr-1"></i>注册
                                </a>
                            </li>
                        </ul>
                <ul class="nav-menu nav-menu-social align-to-right dhsbrd" v-show="user_show">

                    <li>
                        <div class="btn-group account-drop">
                            <button type="button" class="btn btn-order-by-filt"
                                    data-toggle="dropdown" aria-haspopup="true"
                                    aria-expanded="false">
                                <img :src="'https://eu.ui-avatars.com/api/?background=random&length=1&rounded=true&bold=true&name='+user_info.username"
                                     class="avater-img"
                                     alt="">
                                {{ user_info.username }}
                            </button>


                            <div v-if="user_info.role === 'tenant'" class="dropdown-menu pull-right animated flipInX" style="width: 120px;">
                                <a href="profile.html">
                                    <i class="ti-user"></i>个人信息
                                </a>
                                <a href="my_home.html">
                                    <i class="ti-home"></i>我的家
                                </a>
                                <a href="order.html">
                                    <i class="ti-gift"></i>我的订单
                                </a>
                                <a href="user_collect.html">
                                    <i class="ti-bookmark"></i>我的收藏
                                </a>
                                <a href="rental_demand_list.html">
                                    <i class="ti-bookmark"></i>我的求租
                                </a>
                                <a href="#" onclick="user_logout()">
                                    <i class="ti-power-off"></i>退出登录
                                </a>
                            </div>

                            <div v-else-if="user_info.role === 'landlord'" class="dropdown-menu pull-right animated flipInX" style="width: 120px;">
                                <a href="profile.html">
                                    <i class="ti-user"></i>个人信息
                                </a>
                                <a href="house.html">
                                    <i class="ti-layers"></i>房子管理
                                </a>
                                <a href="order.html">
                                    <i class="ti-gift"></i>订单管理
                                </a>
                                <a href="user_collect.html">
                                    <i class="ti-bookmark"></i>我的收藏
                                </a>
                                <a href="#" onclick="user_logout()">
                                    <i class="ti-power-off"></i>退出登录
                                </a>
                            </div>

                        </div>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</div>
